/* mainMore.css */

.arial {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.066em;
}
.less {font-size: 0.9em;}
.mini {font-size: 0.75em;}
h1 .less {line-height:100% !important;}
.more {font-size: 1.15em;}
.more14 {font-size: 1.4em;}
.brief {border-left: solid 6px rgba(205,92,92,0.5); padding-left: 12px;}
.artlabel {font-size:0.92em; margin:0 0 1em 0;}
.artLabelTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	width:auto;
	margin: 0;
	border: solid 1px rgb(95, 113, 150);
}
.artLabelTable td { padding: 0 1ex; }
.article img { max-width: 800px; }
p.illustro {
	text-align: center;
	font-size: 0.9em;
	margin: 30px 0 30px 0;
}

.artlist ul {
	font-size: 1.1em;
}
/* ------- FORUM ----- */
.noteunit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	border-top: solid 2px rgb(95, 113, 150);
	margin-bottom: 40px;
}
.notehead {
	/*border-top: solid 4px orange; */
	background-color: Bisque;
	padding: 0.6ex 1ex; 
}
.notetitle {
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	
	padding: 0.6ex 1ex; 
}
.noteBlue { background-color: rgb(95,113,150); }
.noteGreen { background-color: rgb(99,125,160); }
/*.noteGreen { background-color: rgb(64,128,128); }*/
.excercise {
	background-color: rgb(112,32,16);
}
.pocketinfo {
	font-size:0.92em;
	color:rgb(30,120,30);
}
.notecont, .noteaddon {
	font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
	line-height: 140%;
	font-size: 1.11em;
	padding: 1ex 0;
}
iframe, .notecont iframe {
	border: 0;
	width: 100%;
	height: 480px;
}

.noteoper {}
.noteunit button {}
ul.addon {
	list-style-type: none;
	padding-left:0px;
}
ul.addon li {
	border: solid 1px Bisque;
	/*border-top-color: rgb(95, 113, 150);*/
	/*background-color: rgb(242, 238, 228);*/
	background-color: rgb(247, 243, 232);
	border-radius: 0.7ex;
	padding-left: 1ex;
	max-width: 100%;
	width: auto;
	/*color: rgb(95, 113, 150);*/
	opacity:0.85;
	margin-bottom: 0.8ex;
	font-size:0.96em;
}
ul.addon li u {
	font-weight: normal;
	opacity: 1.0;
	font-family: Arial, Helvetica, sans-serif;
}
/*--------- Sterowanie forum, dodatkowe ---------*/
.columnControll {position: fixed; top: 160px; z-index: 20; margin-left: -40px; width:38px; display:block;}
.columnControll button {
	width:38px; height:38px;
	border-radius:19px;
    background-color: #fa5;
	border: solid 1.5px gray;
	font-weight: bold;
}
.columnControll button:hover {
    background-color: #6ff;
}
.forumIndex {
	display: none;
	/* display:flex; przez JavaScript */

    flex-direction: column;
	box-shadow: 10px 10px 5px LightSteelBlue; width: 600px; max-height: 400px; position:fixed; top: 240px; margin-left: 100px; 
	background: white; padding:1ex 0 0 1ex; border: solid 1px LightSteelBlue;
	}
.forumIndex img[src*="close"] {
	position: absolute;   /* Zamiast float */
	top: 6px;
	right: 6px;
	z-index:10;
  cursor: pointer;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.forumIndex img[src*="close"]:hover {
  opacity: 1;
}
.forumIndex ul { 
	list-style-type:none;
	flex-grow: 1; /* Rozciąga się, zajmując dostępną przestrzeń */
	overflow-y: auto;
	margin-left: -20px;
}

/* --------- Kolory, szczegoly -----------       */
.red { color:rgb(180,0,40); }
.orange { color:rgb(144,32,0); }
.green, .green a { color:rgb(30,120,30); }
.dred, .dred a, .dredEye, .dredEye a { color:rgb(120,0,30); }
.dredEye:before {  content: "\25C9"; }
.techno{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}
p.techno { line-height: normal; }
ul.homework {}
ul.homework li ul {
	list-style-type: none;
}
ul.homework li ul li {
	margin-bottom: 2ex;
}
ul.homework li ul li .begin {
	/*font-size: 1.15em;*/
	padding: 0.5ex;
	background-color: Bisque;
}
ul.flatList li { display: inline; list-style-type:disc; }


.monito {
/* background-color: rgb(178,34,34)!important; */
	background-color: white !important;
/* opacity: 0.4; */
	color: rgb(0,64,0);
	margin-left: 4ex;
	border: dotted 1px rgb(30,120,30) !important;
}

/* DYMY czyli ToolTipy  */

.horoscope_trigger {/*background-color:#ffc;*/}
.horoscope_trigger:hover {background-color:#fff; /*color:#fff;*/}
.dym, .smoke {min-width:200px; max-width:400px; min-height:40px;
		background-color:#f0e8f0; padding: 4px 1ex; border:solid 1px #999;
		position:absolute;
		/*position:fixed;*/
		font-size:14px; color:#000; font-style:normal;
		font-family: Verdana, Arial, sans-serif;
		z-index: 20; display:none;}

/* TABELE */
table.spis {
	border: solid 1px rgb(32, 75, 110);
}
th {
	background-color:#F5DEB3;
	font-weight: normal;
 }
th, td { 
	padding: 4px;
	font-size: 0.92em;
}
tr:hover {
	background-color: rgb(255,250,250);
}
table.bigger {
	line-height:100%;
}
table.bigger th, table.bigger td {
	font-size: 1.1em;
}
.ladna_tabela {
	border: solid 1px rgb(32, 75, 110);
}
/* --------- Ogłoszenie -----------*/
.adverTitle, .adverSubtitle {
	color: rgb(73,112,163); /*ForestGreen;*/
	opacity:1.0!important;
	font-family: Arial, sans-serif;
	line-height:120%;
}
.adverTitle .less {
	font-size: 0.68em;
}
.adverTop { font-size: 1.1em; font-family: Verdana, sans-serif;}
.adverWhen { font-size: 1.12em;}
.adverWhenBold {color:#c04;}
.adverSpecialTitle {font-size:1.42em; font-family:sans-serif; color:rgb(40,100,30);}

/* ---------- logowanie ------------ */

#loginbox {
	/*display:none;*/
	width: 420px;
	position: fixed;
	top: 15%;
	left: 50%;
	margin-left:-210px;
	padding: 0px 30px;
	border: solid 6px rgb(141,154,166);
	border-radius:0.8ex;
	background-color: #fff;
	font-size: 1.2em;
	line-height:160%;
	box-shadow: 5px 5px 10px rgb(178,187,195);
	z-index: 6;
}
#loginbox input {
	width: 120px;
}
#loginbox img {
	float:right; margin-top:12px; margin-right:-20px;
}

#notloggedprompt {
	background-color: #FFE4C4; /* Bisque */
	padding: 2ex;
	margin-top: -20px;
	border-left: solid 8px #bbb;
	border-right: solid 8px #bbb;
	border-bottom: solid 8px #bbb;
}

/* -------- .button w formularzu ---------- */

form .button {
    background-color: #fa5;
    margin-bottom: 4px;
    cursor: pointer;
	border-radius:0.8ex;
	border: solid 0.5px gray;
}
form .button:hover {
    background-color: #6ff;
}

/* -------- ASIDE czyli Sensor ---------- */

aside {
	display:block; border: solid 4px rgb(187, 187, 187); width:200px; height:auto; max-height:280px; overflow-y: auto; overflow-x:hidden; position:fixed; right: 10px; top: 10px; background-color:white; z-index:+10; font-size:0.9em;
}
aside #buttonContainer {
	width:100%; height:18px; font-size:0.9em; font-weight:bold; letter-spacing:0.1em; text-align:left; clear:both; background-color:rgb(230,230,250);
	border-bottom: solid 1px rgb(200,200,250); padding:2px;
}
aside #buttonContainer img {
	float:right; height:16px; margin: 0 3px;  border: solid 1px rgb(200,200,250); filter: opacity(55%);
}
aside #buttonContainer img:hover {
	filter: opacity(100%);
}
aside #sensorlist {
	padding-left:4px;
}
/* ------- aside Hide Show ----------- */

#asideHideShow {
	width:80px; height:44px; display:block; position:fixed; right:4px; top:4px;
}
#asideHideShow:hover { }
#asideHideShow:hover button {
	display: block;
}
#asideHideShow button {
	background-color: #E6E6FA;
	color: rgb(32, 75, 110);
	font-size: 0.94em;
    font-weight: bold;
    letter-spacing: 0.12em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 6px 3px 6px;
	border-radius:4px;
	display: none;
	z-index: +20;
}
#asideHideShow .asideHSMark {
	color: blue;
	text-shadow: 1px 1px 0 #ff0, 
                 -1px -1px 0 #ff0, 
                 1px -1px 0 #ff0, 
                 -1px 1px 0 #ff0;
	text-align: right;
	font-size: 2.16em;
    font-weight: bold;
    letter-spacing: 0.12em;
	font-family: Arial, Helvetica, sans-serif;
	/*margin-left: 4px;
	margin-top: 4px;*/
}
#asideHideShow:hover .asideHSMark {
	display: none;
}

/* --------- TOPIC ------- COURSE --------- */
div.courseTopic {
	border-top: solid 8px Bisque;
	border-bottom: solid 2px rgb(95, 113, 150);
}
div.courseTopic p {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
}